<?php
//载入资源
//加载 CSS 和 JS 资源
add_action('admin_enqueue_scripts',  'load_admin_script');
function load_admin_script($hook)
{
    //是否是指定页面
    if ('settings_page_api_dev_demo_config' != $hook) {
        return;
    }
    $ver = "0.1";
    $name = "api_vue";


    //准备地址
    $index_css = plugin_dir_url(__FILE__) . 'vite/dist/index.css';
    $index_js = plugin_dir_url(__FILE__) . 'vite/dist/vue_api.js';


    wp_enqueue_style($name, $index_css, array(), $ver, false);
    wp_enqueue_script($name, $index_js, array(), $ver, true);



    $array = array(
        'ajaxurl' => admin_url('admin-ajax.php'),
        'OptionKey' => get_option('API_DEV_OPTION'), // 获取 设置选项 的值,做初始值

    );
    wp_localize_script($name, 'dataLocal', $array); //传给vite项目

}


//对js文件进行module接入
add_filter('script_loader_tag', 'refund_type_script', 10, 2);

//对js文件进行module接入
function refund_type_script($tag, $handle)
{
    // 在这里判断需要添加 type 属性的 JS 文件，比如文件名包含 xxx.js
    if (strpos($tag, 'vue_api.js') !== false) {
        // 在 script 标签中添加 type 属性
        $tag = str_replace('<script', '<script type="module"', $tag);
    }
    return $tag;
}
